page {
  width: 100%;
  // min-height: 100%;
  background: #F6F6F6;
}
.card-list {
  padding-bottom: 100rpx;
  & .load-tips{
    font-size: 28rpx;
    color: #666;
    text-align: center;
  }
}
.list {
  width: 690rpx;
  background: #fff;
  margin: 30rpx auto;
  padding-bottom: 30rpx; 
  border-radius: 12rpx;
  .btn {
    margin-top: 15rpx;
    display: flex;
    justify-content: flex-end;
    .give-others, .now-use {
      // display: inline-block;
      border: 1rpx solid #FF2424;
      background: #fff;
      margin: 0 30rpx 0 0;
      color: #FF2424;
      &::after {
        border: none;
      }
    }
    .now-use {
      background: #FFEDED;
    }
  }
}
.p-b-0 {
  padding-bottom: 0;
  background: transparent;
}

.submit-btn {
  display: flex;
  position: fixed;
  bottom: 0;
  font-size: 34rpx;
  justify-content: center;
  align-items: center;
  height: 98rpx;
  color: #fff;
  line-height: 98rpx;
  width: 100%;
  border-radius: 0;
  z-index: 999;
}
/* 缺省页 */
.accountDetail-nodata{
  padding-top: 30%;
  & .nodata-top{
    & .top-img{
      width: 400rpx;
      margin: 60rpx auto;
      height: 300rpx;
      &>image{
        width: 100%;
        height: 100%;
      }
    }
    & .top-tips{
      text-align: center;
      padding: 0 40rpx;
      line-height: 1.5;
      color: #999;
      font-size: 30rpx;
      & .tips-2{
        margin-top: 10rpx;
        & .tips-inner{
          color: #FF2424;
          font-size: 36rpx;
          text-decoration: underline;
        }
      }
    }
  }
  & .nodata-exp{
    margin-top: 120rpx;
    padding: 0 30rpx;
    font-size: 28rpx;
    line-height: 1.5;
    color: #999;
    & .exp-title{
      color: #333;
      margin-bottom: 10rpx;
    }
  }
}


.custom-popup-class {
  .custom-ani-class {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
  }
  .wux-popup__content {
    border-radius: 0rpx;
    background-color: transparent;
  }
}

  /* 佣金规则弹窗 */
  .rule-popup-class {
    .custom-ani-class {
      width: 74.6%;
      max-width: 80%;
    }
    .wux-popup__content {
      border-radius: 10rpx;
    }
  }
  .rule-cont{
    margin-top: -0.7em;
    & .pup-title{
    font-weight: bold;
      color: #333;
      font-size: 36rpx;
      line-height: 1.5;
    }
    & .rule-list{
      margin-top: 15rpx;
      & .rule-item {
        font-size: 30rpx;
        line-height: 1.5;
        text-align: left;
        color: #666;
      }
      & .text-center {
        text-align: center;
      }
    }
  }

/* loading view */
.load-view-box {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  & .loading-text {
    font-size: 28rpx;
    color: #666;
  }
}